﻿@charset "UTF-8";

@import url(base_2.css);

@import url(footer.css);

* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none
}

img {
	border: none
}

body {
	margin-bottom: 12%;
	background: #fff;
	font-family: PingFangSC-Regular,Helvetica,Droid Sans,Arial,sans-serif
}

body.hidden {
	overflow: hidden;
	height: 100%
}

input[type=button],input[type=reset],input[type=submit],textarea {
	-webkit-appearance: none
}

@media screen and (max-width:2048px) {
	html {
		font-size: 273.07px
	}
}

@media screen and (max-width:1920px) {
	html {
		font-size: 16pc
	}
}

@media screen and (max-width:1242px) {
	html {
		font-size: 165.6px
	}
}

@media screen and (max-width:1140px) {
	html {
		font-size: 152px
	}
}

@media screen and (max-width:1280px) {
	html {
		font-size: 170.67px
	}
}

@media screen and (max-width:1024px) {
	html {
		font-size: 136.53px
	}
}

@media screen and (max-width:1080px) {
	html {
		font-size: 9pc
	}
}

@media screen and (max-width:960px) {
	html {
		font-size: 8pc
	}
}

@media screen and (max-width:800px) {
	html {
		font-size: 106.67px
	}
}

@media screen and (max-width:768px) {
	html {
		font-size: 6.4pc
	}
}

@media screen and (max-width:736px) {
	html {
		font-size: 98.13px
	}
}

@media screen and (max-width:732px) {
	html {
		font-size: 6.1pc
	}
}

@media screen and (max-width:720px) {
	html {
		font-size: 6pc
	}
}

@media screen and (max-width:667px) {
	html {
		font-size: 88.93px
	}
}

@media screen and (max-width:640px) {
	html {
		font-size: 85.33px
	}
}

@media screen and (max-width:568px) {
	html {
		font-size: 75.73px
	}
}

@media screen and (max-width:540px) {
	html {
		font-size: 72px
	}
}

@media screen and (max-width:480px) {
	html {
		font-size: 4pc
	}
}

@media screen and (max-width:435px) {
	html {
		font-size: 58px
	}
}

@media screen and (max-width:414px) {
	html {
		font-size: 55.2px
	}
}

@media screen and (max-width:412px) {
	html {
		font-size: 54.93px
	}
}

@media screen and (max-width:385px) {
	html {
		font-size: 51.33px
	}
}

@media screen and (max-width:375px) {
	html {
		font-size: 50px
	}
}

@media screen and (max-width:360px) {
	html {
		font-size: 3pc
	}
}

@media screen and (max-width:320px) {
	html {
		font-size: 42.67px
	}
}

@media screen and (max-width:300px) {
	html {
		font-size: 40px
	}
}

.header {
	position: relative;
	width: 100%;
	height: .99rem;
	border-bottom: 1px solid #ddd;
	background: url(../images/bj2.jpg) no-repeat;
	background-size: cover
}

.header .logo {
	position: relative;
	float: left;
	width: 12.6666%;
	height: 100%;
	background: url(../images/yjt.png) no-repeat;
	background-position: center center;
	background-size: .23rem .41rem
}

.header .logo a {
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 100%
}

.header .search {
	position: relative;
	float: left;
	box-sizing: border-box;
	margin-top: .22rem;
	margin-left: .25rem;
	padding-left: .6rem;
	width: 70%;
	height: .56rem;
	border: 1px solid #cecece;
	border-radius: .25rem;
	background: #f7f7f7 url(../images/ss.png) no-repeat;
	background-position: .2rem center;
	background-size: .28rem .28rem;
	color: #b8b8b8;
	font-size: .25rem;
	line-height: .56rem
}

.header .search a {
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 100%
}

.header .guild {
	position: relative;
	z-index: 88888;
	float: right;
	width: 13.333%;
	height: 100%;
	background: url(../images/zx.png) no-repeat center center;
	background-size: .48rem .45rem
}

.header .guild a {
	left: 0;
	width: 100%
}

.header .guild a,.header .miue {
	position: absolute;
	top: 0;
	margin: auto;
	height: 100%
}

.header .miue {
	right: 0;
	z-index: 888888888;
	display: none;
	width: 1rem
}

.header .miue.block {
	display: block
}

.header .tishi {
	position: absolute;
	top: .99rem;
	right: .1rem;
	z-index: 88;
	z-index: 88888;
	display: none;
	margin: auto;
	padding-top: .16rem;
	width: 1.99rem;
	height: 3.06rem;
	background: url(../images/tishi.png) no-repeat;
	background-size: 1.99rem 3.06rem
}

.header .tishi li {
	position: relative;
	width: 100%;
	height: .7rem
}

.header .tishi li a {
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	font-size: .29rem;
	line-height: .8rem
}

.header .tishi.block {
	display: block
}

.list {
	position: relative;
	box-sizing: border-box;
	padding-top: .1rem;
	width: 100%;
	height: .78rem;
	border-bottom: 1px solid #dcdcdc
}

.list .inner {
	position: absolute;
	top: .78rem;
	z-index: 8888888;
	width: 100%;
	height: 3.5rem;
	background: #fff
}

.bgzz,.list .inner {
	right: 0;
	left: 0;
	display: none;
	margin: auto
}

.bgzz {
	position: fixed;
	/*top: 2rem;*/
	top: 2.7rem;
	bottom: 0;
	z-index: 888888;
	background: rgba(0,0,0,.7)
}

.list .inner div {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 25%;
	border-bottom: 1px solid #f2f2f5
}

.list .inner div a {
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	padding-left: .6rem;
	width: 100%;
	height: 100%;
	color: #4c4c4c;
	font-size: .28rem;
	line-height: .87rem
}

.list .inner div:nth-child(4) {
	border-bottom: 1px solid transparent
}

.list li {
	position: relative;
	float: left;
	box-sizing: border-box;
	margin-top: .1rem;
	width: 20%;
	height: .4rem;
	border-right: 1px solid #dcdcdc
}

.list li a {
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	color: #4d4d4d;
	text-align: center;
	font-weight: 700;
	font-size: .28rem;
	line-height: .4rem
}

.list li.last {
	border-right: 1px solid transparent;
	background: url(../images/sx.png) no-repeat;
	background-position: .2rem center;
	background-size: .31rem .28rem
}

.list li.last a {
	box-sizing: border-box;
	padding-right: .3rem;
	text-align: right
}

.list li.t3 {
	background: url(../images/sx1.png) no-repeat;
	background-position: 1.15rem center;
	background-size: .15rem .19rem
}

.list li.t4 {
	background: url(../images/sx2.png) no-repeat;
	background-position: 1.15rem center;
	background-size: .15rem .19rem
}

.list li.t5 {
	background: url(../images/sx3.png) no-repeat;
	background-position: 1.15rem center;
	background-size: .15rem .19rem
}

.list li.san {
	background: url(../images/tiej.png) no-repeat;
	background-position: 1.15rem center;
	background-size: .15rem .08rem
}

.list li.san.color {
	background: url(../images/teej1.png) no-repeat;
	background-position: 1.15rem center;
	background-size: .15rem .08rem
}

.list li.san.color a {
	color: #db4a54
}

.itme {
	display: none;
	width: 100%;
	height: 2.64rem;
	background: #f0f2f5
}

.itme li {
	position: relative;
	float: left;
	margin-top: .23rem;
	margin-left: .3rem;
	width: 2.1rem;
	height: .56rem;
	border-radius: .1rem;
	background: #fff;
	text-align: center;
	font-size: .25rem;
	line-height: .6rem
}

.itme li a {
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	color: #636363
}

.itme li.color {
	background: #d83a45
}

.itme li.color a {
	color: #fff
}

.itme.block {
	display: block
}

.content {
	width: 100%;
	height: auto
}

.content li {
	position: relative;
	box-sizing: border-box;
	padding: .2rem;
	width: 100%;
	height: 2.4rem;
	border-bottom: 1px solid #f2f2f5
}

.content li a {
	width: 100%;
	height: 2.55rem
}

.content li img {
	float: left;
	/*width: 2.6rem;*/
	width: 36.6%;
	height: 1.95rem
}

.content li .inner {
	float: right;
	/*width: 4.22rem;*/
	width: 59.4%;
	height: 100%
}  

.content li .inner span {
	float: left;
	display: block;
	box-sizing: border-box;
	width: .65rem;
	height: .32rem;
	border: 2px solid #4888de;
	border-radius: .05rem;
	color: #4888de;
	text-align: center;
	font-size: .22rem;
	line-height: .32rem
}

.content li .inner h6 {
	float: left;
	color: #4d4d4d;
	font-size: .28rem
}

.content li .inner .i-inner,.content li .inner p {
	margin-top: .05rem;
	color: #656565;
	font-size: .25rem
}

.content li .inner .i-inner {
	overflow: hidden;
	width: 4rem;
	height: .4rem;
	line-height: .4rem
}

.content li .inner .jgmy {
	margin-top: .04rem;
	width: 3rem;
	height: .35rem;
	color: #adadad;
	font-size: .28rem
}

.content li .inner .jgmy strong {
	color: #d73945;
	font-weight: 500;
	font-style: normal
}

.content li .inner .yj {
	margin-top: .01rem;
	color: #c1c1c1;
	font-size: .28rem
}

.content li .inner .sc {
	position: absolute;
	right: 0;
	bottom: 0;
	display: none;
	margin: auto;
	width: 1.3rem;
	height: .6rem;
	background: url(../images/l.png) no-repeat;
	background-position: left center;
	background-size: .24rem .24rem
}

.content li .inner .sc a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	padding-left: .3rem;
	color: #d73945;
	text-align: left;
	font-size: .26rem;
	line-height: .6rem
}

.content li .inner .sc.none {
	display: none
}

.content li .inner .sc1 {
	position: absolute;
	right: 0;
	bottom: 0;
	display: none;
	margin: auto;
	width: 1.3rem;
	height: .6rem;
	background: url(../images/xxx.png) no-repeat;
	background-position: left center;
	background-size: .24rem .24rem
}

.content li .inner .sc1 a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	padding-left: .3rem;
	color: #adadad;
	text-align: left;
	font-size: .26rem;
	line-height: .6rem
}

.content li .inner .sc1.block {
	display: block
}

.content li.tejia .inner span {
	border: 2px solid #ef4a4e;
	color: #ef4a4e
}

.content li.jingping {
	height: 2.78rem
}

.content li.jingping .sc,.content li.jingping .sc1 {
	bottom: .35rem
}

.content li.jingping .inner span {
	border: 2px solid #ff9c00;
	color: #ff9c00
}

.content li .in {
	position: absolute;
	right: .2rem;
	bottom: 0;
	margin: auto;
	width: 4.22rem;
	height: .7rem
}

.content li .in .left {
	position: relative;
	float: left;
	width: 2.06rem;
	height: 100%;
	background: url(../images/in.png) no-repeat;
	background-position: left center;
	background-size: .26rem .27rem
}

.content li .in .left a {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	margin: auto;
	padding-left: .35rem;
	width: 100%;
	height: 100%;
	color: #9e9e9e;
	font-size: .26rem;
	line-height: .75rem
}

.content li .in .left.color {
	background: url(../images/in1.png) no-repeat;
	background-position: left center;
	background-size: .26rem .27rem
}

.content li .in .left.color a {
	color: #ff8635
}

.content li .in .right {
	position: relative;
	float: left;
	width: 2.06rem;
	height: 100%;
	background: url(../images/sc.png) no-repeat;
	background-position: left center;
	background-size: .27rem .27rem
}

.content li .in .right a {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	margin: auto;
	padding-left: .35rem;
	width: 100%;
	height: 100%;
	color: #9e9e9e;
	font-size: .26rem;
	line-height: .75rem
}

.content li .in .right.color {
	background: url(../images/sc01.png) no-repeat;
	background-position: left center;
	background-size: .27rem .27rem
}

.content li .in .right.color a {
	color: #d83b46
}

.top {
	position: fixed;
	right: .25rem;
	bottom: 1.1rem;
	z-index: 8888888888;
	display: none;
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
	background: rgba(85,85,85,.7) url(../images/shang.png) no-repeat center;
	background-size: .39rem .21rem
}

.top.block {
	display: block
}

.tuijian {
	position: fixed;
	right: .25rem;
	bottom: 2.2rem;
	z-index: 888;
	width: .99rem;
	height: .89rem
}

.tuijian a {
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 100%
}

.tuijian a .yuan {
	float: right;
	margin-top: .1rem;
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
	background: rgba(85,85,85,.9);
	color: #eee;
	text-align: center;
	font-size: .28rem;
	line-height: .8rem
}

.tuijian .font {
	position: absolute;
	width: .4rem;
	height: .4rem;
	border: 1px solid #fff;
	border-radius: 50%;
	background: #fc3543;
	color: #fff;
	text-align: center;
	font-size: .3rem;
	line-height: .4rem
}

.tuijian .font,.zezhao {
	top: 0;
	left: 0;
	margin: auto
}

.zezhao {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 888;
	display: none;
	overflow-y: auto;
	background: rgba(0,0,0,.4)
}

.zezhao.block {
	display: block;
	overflow-y: auto
}

.screen {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 88888888;
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
	margin: auto;
	padding-bottom: 1rem;
	width: 6.5rem;
	height: 100%;
	background: #fff;
	-webkit-transition: transform .5s ease;
	-webkit-transform: translate3d(100%,0,0)
}

.screen .sc-header {
	position: relative;
	width: 100%;
	height: 1rem;
	text-align: center;
	line-height: 1rem
}

.screen .sc-header .return {
	position: relative;
	z-index: 888888;
	float: left;
	width: .9rem;
	height: 100%;
	background: url(../images/yjt.png) no-repeat;
	background-position: center center;
	background-size: .23rem .41rem
}

.screen .sc-header .font {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	float: left;
	margin: auto;
	color: #4d4d4d;
	font-weight: 700;
	font-size: .38rem
}

.screen .sc-banner {
	position: relative;
	width: 100%;
	height: 2.2rem;
	background: url(../images/sxbanner1.jpg) no-repeat;
	background-size: cover
}

.screen .sc-banner a {
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 100%
}

.screen .classify {
	position: relative;
	width: 100%;
	height: .9rem
}

.screen .classify a {
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 100%
}

.screen .classify a h6 {
	float: left;
	margin-top: .23rem;
	margin-left: .25rem;
	color: #4d4d4d;
	font-size: .32rem
}

.screen .classify a .all {
	float: left;
	width: 4.3rem;
	height: 100%;
	color: #868686;
	text-align: right;
	font-size: .3rem;
	line-height: .95rem
}

.screen .classify a .all.color {
	color: #5a95d2
}

.screen .classify a .all.block {
	background: url(../images/dao.png) no-repeat;
	background-position: right .45rem;
	background-size: .21rem .12rem
}

.screen .classify a .icon {
	float: right;
	margin-right: .25rem;
	width: .15rem;
	height: 100%;
	background: url(../images/yj.png) no-repeat;
	background-position: right center;
	background-size: .15rem .27rem
}

.screen .xian,.screen .xians {
	width: 100%;
	height: .15rem;
	border-top: 1px solid #e4e3e5;
	border-bottom: 1px solid #e4e3e5;
	background: #f0f2f5
}

.screen .xians {
	display: none;
	margin-top: .1rem
}

.screen .xians.block {
	display: block
}

.screen .heights {
	display: none;
	width: 100%;
	height: 1.3rem
}

.screen .syxm {
	padding-bottom: .1rem;
	width: 100%;
	min-height: 1.71rem
}

.screen .syxm .syxm-title {
	width: 100%;
	height: .9rem
}

.screen .syxm .syxm-title h6 {
	float: left;
	margin-top: .3rem;
	margin-left: .25rem;
	color: #4d4d4d;
	font-size: .32rem
}

.screen .syxm .syxm-title .all {
	float: right;
	margin-right: .25rem;
	padding-right: .3rem;
	width: 4rem;
	height: 100%;
	background: url(../images/xj.png) no-repeat;
	background-position: right center;
	background-size: .21rem .12rem;
	color: #868686;
	text-align: right;
	font-size: .3rem;
	line-height: 1.01rem
}

.screen .syxm .syxm-title .all.block {
	background: url(../images/dao.png) no-repeat;
	background-position: right .45rem;
	background-size: .21rem .12rem
}

.screen .syxm .syxm-title .all.color {
	color: #5a95d2
}

.screen .syxm .syxm-inner {
	padding-right: .25rem;
	padding-left: .25rem;
	width: 100%;
	height: auto
}

.screen .syxm .syxm-inner:after {
	clear: both;
	display: block;
	height: 0;
	content: "";
	line-height: 0
}

.screen .syxm .syxm-inner li {
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	margin-right: .15rem;
	margin-bottom: .17rem;
	width: 1.9rem;
	height: .56rem;
	border: 1px solid #f0f2f5;
	border-radius: .1rem;
	background: #f0f2f5;
	color: #545454;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .27rem;
	line-height: .56rem;
	transition: text 1s ease
}

.screen .syxm .syxm-inner li.color {
	box-sizing: border-box;
	padding-left: .6rem;
	border: 1px solid #ca232f;
	background: #fff url(../images/dh.png) no-repeat;
	background-position: .15rem center;
	background-size: .25rem .22rem;
	color: #ca232f;
	text-align: left
}

.screen .syxm.block {
	display: block
}

.screen .lxqz {
	position: relative;
	display: none;
	padding-bottom: .1rem;
	width: 100%;
	height: auto
}

.screen .lxqz .lxqz-title {
	width: 100%;
	height: .9rem
}

.screen .lxqz .lxqz-title h6 {
	float: left;
	margin-top: .3rem;
	margin-left: .25rem;
	color: #4d4d4d;
	font-size: .32rem
}

.screen .lxqz .lxqz-title .all {
	float: right;
	margin-right: .25rem;
	padding-right: .35rem;
	width: 4rem;
	height: 100%;
	background: url(../images/xj.png) no-repeat;
	background-position: right .45rem;
	background-size: .21rem .12rem;
	color: #868686;
	text-align: right;
	font-size: .3rem;
	line-height: 1.05rem
}

.screen .lxqz .lxqz-title .all.block {
	background: url(../images/dao.png) no-repeat;
	background-position: right .45rem;
	background-size: .21rem .12rem
}

.screen .lxqz .lxqz-title .all.color {
	color: #5a95d2
}

.screen .lxqz .title-top {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	margin: auto;
	width: 100%;
	height: .9rem
}

.screen .lxqz .title-top.block {
	display: block
}

.screen .lxqz .lxqz-inner {
	overflow: hidden;
	padding-right: .25rem;
	padding-bottom: .05rem;
	padding-left: .25rem;
	width: 100%;
	height: 1.41rem
}

.screen .lxqz .lxqz-inner:after {
	clear: both;
	display: block;
	height: 0;
	content: "";
	line-height: 0
}

.screen .lxqz .lxqz-inner li {
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	margin-right: .15rem;
	margin-bottom: .2rem;
	width: 1.9rem;
	height: .63rem;
	border: 1px solid #f0f2f5;
	border-radius: .1rem;
	background: #f0f2f5;
	color: #545454;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .27rem;
	line-height: .56rem;
	transition: text 1s ease
}

.screen .lxqz .lxqz-inner li.color {
	box-sizing: border-box;
	padding-left: .6rem;
	border: 1px solid #ca232f;
	background: #fff url(../images/dh.png) no-repeat;
	background-position: .15rem center;
	background-size: .25rem .22rem;
	color: #ca232f;
	text-align: left
}

.screen .lxqz .lxqz-inner.block {
	overflow: visible;
	height: auto
}

.screen .lxqz.block {
	display: block
}

.screen .zhlx {
	width: 100%;
	height: auto
}

.screen .zhlx .zh-title {
	width: 100%;
	height: .9rem
}

.screen .zhlx .zh-title h6 {
	float: left;
	margin-top: .3rem;
	margin-left: .25rem;
	color: #4d4d4d;
	font-size: .32rem
}

.screen .zhlx .zh-title .all {
	float: right;
	margin-right: .25rem;
	padding-right: .35rem;
	width: 4rem;
	height: 100%;
	background: url(../images/xj.png) no-repeat;
	background-position: right .45rem;
	background-size: .21rem .12rem;
	color: #868686;
	text-align: right;
	font-size: .3rem;
	line-height: 1.05rem
}

.screen .zhlx .zh-title .all.block {
	background: url(../images/dao.png) no-repeat;
	background-position: right .45rem;
	background-size: .21rem .12rem
}

.screen .zhlx .zh-title .all.color {
	color: #5a95d2
}

.screen .zhlx .zh-inner {
	padding-right: .25rem;
	padding-bottom: .05rem;
	padding-left: .25rem;
	width: 100%;
	height: auto
}

.screen .zhlx .zh-inner:after {
	clear: both;
	display: block;
	height: 0;
	content: "";
	line-height: 0
}

.screen .zhlx .zh-inner li {
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	margin-right: .15rem;
	margin-bottom: .2rem;
	width: 1.9rem;
	height: .63rem;
	border: 1px solid #f0f2f5;
	border-radius: .1rem;
	background: #f0f2f5;
	color: #545454;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .27rem;
	line-height: .56rem;
	transition: text 1s ease
}

.screen .zhlx .zh-inner li.color {
	box-sizing: border-box;
	padding-left: .6rem;
	border: 1px solid #ca232f;
	background: #fff url(../images/dh.png) no-repeat;
	background-position: .15rem center;
	background-size: .25rem .22rem;
	color: #ca232f;
	text-align: left
}

.screen .time {
	width: 100%;
	height: auto
}

.screen .time .time-title {
	width: 100%;
	height: .9rem
}

.screen .time .time-title h6 {
	float: left;
	margin-top: .3rem;
	margin-left: .25rem;
	color: #4d4d4d;
	font-size: .32rem
}

.screen .time .time-title .all {
	float: right;
	margin-right: .25rem;
	padding-right: .35rem;
	width: 4rem;
	height: 100%;
	background: url(../images/xj.png) no-repeat;
	background-position: right .45rem;
	background-size: .21rem .12rem;
	color: #868686;
	text-align: right;
	font-size: .3rem;
	line-height: 1.05rem
}

.screen .time .time-title .all.color {
	color: #5a95d2
}

.screen .time .time-title .all.block {
	background: url(../images/dao.png) no-repeat;
	background-position: right .45rem;
	background-size: .21rem .12rem
}

.screen .time .time-inner {
	padding-right: .25rem;
	padding-bottom: .05rem;
	padding-left: .25rem;
	width: 100%;
	height: auto
}

.screen .time .time-inner:after {
	clear: both;
	display: block;
	height: 0;
	content: "";
	line-height: 0
}

.screen .time .time-inner li {
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	margin-right: .15rem;
	margin-bottom: .2rem;
	width: 1.9rem;
	height: .63rem;
	border: 1px solid #f0f2f5;
	border-radius: .1rem;
	background: #f0f2f5;
	color: #545454;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .27rem;
	line-height: .56rem;
	transition: text 1s ease
}

.screen .time .time-inner li.color {
	box-sizing: border-box;
	padding-left: .6rem;
	border: 1px solid #ca232f;
	background: #fff url(../images/dh.png) no-repeat;
	background-position: .15rem center;
	background-size: .25rem .22rem;
	color: #ca232f;
	text-align: left
}

.screen .number {
	margin-top: .05rem;
	width: 100%;
	height: 2.52rem
}

.screen .number .number-title {
	width: 100%;
	height: .9rem
}

.screen .number .number-title h6 {
	float: left;
	margin-top: .3rem;
	margin-left: .25rem;
	color: #4d4d4d;
	font-size: .32rem
}

.screen .number .number-title .all {
	float: right;
	margin-right: .25rem;
	padding-right: .35rem;
	width: 4rem;
	height: 100%;
	background: url(../images/xj.png) no-repeat;
	background-position: right .45rem;
	background-size: .21rem .12rem;
	color: #868686;
	text-align: right;
	font-size: .3rem;
	line-height: 1.05rem
}

.screen .number .number-title .all.block {
	background: url(../images/dao.png) no-repeat;
	background-position: right .45rem;
	background-size: .21rem .12rem
}

.screen .number .number-title .all.color {
	color: #5a95d2
}

.screen .number .number-inner {
	padding-right: .25rem;
	padding-bottom: .05rem;
	padding-left: .25rem;
	width: 100%;
	height: auto
}

.screen .number .number-inner:after {
	clear: both;
	display: block;
	height: 0;
	content: "";
	line-height: 0
}

.screen .number .number-inner li {
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	margin-right: .15rem;
	margin-bottom: .2rem;
	width: 1.9rem;
	height: .63rem;
	border: 1px solid #f0f2f5;
	border-radius: .1rem;
	background: #f0f2f5;
	color: #545454;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .27rem;
	line-height: .56rem;
	transition: text 1s ease
}

.screen .number .number-inner li.color {
	box-sizing: border-box;
	padding-left: .6rem;
	border: 1px solid #ca232f;
	background: #fff url(../images/dh.png) no-repeat;
	background-position: .15rem center;
	background-size: .25rem .22rem;
	color: #ca232f;
	text-align: left
}

.screen .min-height.none {
	overflow: hidden;
	height: 1.41rem
}

.screen .min-height.block {
	height: auto
}

.button {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 888888888;
	margin: auto;
	width: 6.5rem;
	height: .95rem;
	-webkit-transition: transform .5s ease;
	-webkit-transform: translate3d(100%,0,0)
}

.button .input {
	float: left;
	box-sizing: border-box;
	width: 50%;
	height: 100%;
	outline: medium;
	border: 1px solid #d2d2d2;
	border-radius: 0;
	background: #f7f7f7;
	color: #878787;
	text-align: center;
	font-size: .36rem;
	line-height: .8rem
}

.button .input.reset {
	border-left: 1px solid transparent
}

.button .input.color {
	border: 1px solid #ca232f;
	background: #ca232f;
	color: #fff
}

.screen.block {
	-webkit-transform: translate3d(0,0,0)
}

.allsale {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 888888888;
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
	margin: auto;
	padding-top: 1rem;
	width: 6.5rem;
	height: 100%;
	background: #fff;
	-webkit-transform: translate3d(100%,0,0)
}

.allsale .all-inner {
	width: 100%;
	height: auto;
	margin-top: 0.8rem;
}

.allsale .all-inner li {
	padding-left: .24rem;
	width: 100%;
	height: .89rem;
	border-top: 1px solid #e4e3e5;
	color: #585858;
	text-align: left;
	font-size: .32rem;
	line-height: .89rem
}

.allsale .all-inner li.color {
	background: #eee url(../images/ld.png) no-repeat;
	background-position: 5.8rem center;
	background-size: .38rem .27rem
}

.all-header {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 88888888888888890000;
	display: none;
	margin: auto;
	width: 6.5rem;
	height: 1rem;
	background: #f3f3f3;
	text-align: center;
	line-height: 1rem
}

.all-header .return {
	position: relative;
	z-index: 888888;
	float: left;
	width: .9rem;
	height: 100%;
	background: url(../images/yjt.png) no-repeat;
	background-position: center center;
	background-size: .23rem .41rem
}

.all-header .font {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	float: left;
	margin: auto;
	width: 3rem;
	height: 100%;
	color: #4d4d4d;
	font-size: .38rem
}

.all-header .yes {
	float: right;
	width: 1.5rem;
	height: 100%;
	color: #4d4d4d;
	text-align: center;
	font-size: .32rem;
	line-height: 1rem
}

.all-header.block {
	display: block;
	margin-top: 0.8rem;
}

.allsale.block {
	-webkit-transform: translate3d(0,0,0)
}

.ljz {
	width: 100%;
	height: 1rem;
	background: #fff
}

.ljz .gif {
	float: left;
	margin-top: .3rem;
	margin-left: 2.45rem;
	padding-right: .2rem;
	width: .35rem;
	height: .35rem;
	background: url(../images/yangbin.gif) no-repeat;
	background-size: .35rem .35rem
}

.ljz .font {
	color: #797979;
	font-size: .24rem;
	line-height: 1rem
}

.pages {
	position: fixed;
	right: 0;
	bottom: 1.2rem;
	left: 0;
	margin: auto;
	height: .4rem;
	max-width: 1.2rem;
	border-radius: .12rem;
	background: rgba(0,0,0,.5);
	color: #fff;
	text-align: center;
	font-size: .25rem;
	line-height: .4rem
}

.pages.block {
	display: block
}

.allsum {
	box-sizing: border-box;
	padding-right: .25rem;
	padding-left: .25rem;
	border: .01rem solid #fff;
	background: #fff
}

.allsum,.allsum .sum {
	margin: 0 auto;
	width: 100%
}

.allsum .sum {
	margin-top: .25rem;
	border: 1px solid #e5e5e5;
	border-radius: .1rem;
	color: #8c8c8c;
	text-align: center;
	font-size: .3rem;
	line-height: .78rem
}

.allsum .sum span {
	padding-right: .05rem;
	padding-left: .05rem;
	color: #d83a45
}

.wujieguo {
	box-sizing: border-box;
	margin-top: 1.5rem;
	padding-top: 1.3rem;
	width: 100%;
	height: 5rem;
	background: url(../images/ku.png) no-repeat;
	background-position: center top;
	background-size: 2.18rem 1.76rem;
	text-align: center
}

.wujieguo span {
	color: #696969;
	font-size: .25rem
}

.wujieguo p {
	margin-top: .1rem;
	color: #a4a3a3;
	font-size: .25rem
}

.wujieguo .buttons {
	margin: 0 auto;
	margin-top: .2rem;
	width: 2.8rem;
	height: .7rem;
	border-radius: .3rem;
	background: #e53945;
	text-align: center;
	font-size: .28rem;
	line-height: .7rem
}

.wujieguo .buttons a {
	color: #fffefe
}

.tssc {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	margin: auto;
	width: 3rem;
	height: 1.5rem;
	border-radius: .15rem;
	background: rgba(0,0,0,.7);
	color: #fff;
	text-align: center;
	font-size: .4rem;
	line-height: 1.5rem
}

.pagess {
	box-sizing: border-box;
	padding: 0 .25rem;
	width: 100%;
	height: 1.2rem
}

.pagess .painer {
	width: 100%;
	height: 100%;
	border-bottom: 1px solid #eaeaea;
	color: #737373;
	font-size: .24rem;
	line-height: 1.2rem
}

.pagess .painer span {
	padding: 0 .1rem;
	color: #e73537
}

.pagess .painer input[type=text] {
	margin: 0 .1rem;
	width: .9rem;
	height: .68rem;
	border: 1px solid #cecece
}

.pagess .painer input[type=button] {
	float: right;
	margin-top: .25rem;
	padding: 0;
	width: .9rem;
	height: .68rem;
	background: #adadad;
	color: #fff;
	text-align: center;
	font-size: .28rem;
	line-height: .68rem
}